<link rel="stylesheet" href="css/yzmplayer.css">
<script src="/static/js/jquery.min.js"></script>
<style>
		.yzmplayer-full-icon span svg,
		.yzmplayer-fulloff-icon span svg {
				display: none;
		}

		.yzmplayer-full-icon span,
		.yzmplayer-fulloff-icon span {
				background-size: contain !important;
				float: left;
				width: 22px;
				height: 22px;
		}

		.yzmplayer-full-icon span {
				background: url(img/full.png) center no-repeat;
		}

		.yzmplayer-fulloff-icon span {
				background: url(img/fulloff.webp) center no-repeat;
		}

		#vod-title {
				overflow: unset;
				width: 285px;
				white-space: normal;
				color: #fb7299;
		}

		#vod-title e {
				padding: 2px;
		}

		.layui-layer-dialog {
				text-align: center;
				font-size: 16px;
				padding-bottom: 10px;
		}

		.layui-layer-btn.layui-layer-btn- {
				padding: 15px 5px !important;
				text-align: center;
		}

		.layui-layer-btn a {
				font-size: 12px;
				padding: 0 1px !important;
		}

		.layui-layer-btn a:hover {
				border-color: #00a1d6 !important;
				background-color: #00a1d6 !important;
				color: #fff !important;
		}

		.yzmplayer-controller .yzmplayer-icons .yzmplayer-toggle input+label.checked:after {
				left: 17px;
		}

		.yzmplayer-setting-jlast:hover #jumptime,
		.yzmplayer-setting-jfrist:hover #fristtime {
				display: block;
				outline-style: none
		}

		#player_pause .tip {
				color: #f4f4f4;
				position: absolute;
				font-size: 14px;
				background-color: hsla(0, 0%, 0%, 0.42);
				padding: 2px 4px;
				margin: 4px;
				border-radius: 3px;
				right: 0;
		}

		#player_pause {
				position: absolute;
				z-index: 9999;
				top: 50%;
				left: 50%;
				border-radius: 5px;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				max-width: 80%;
				max-height: 80%;
		}

		#player_pause img {
				width: 100%;
				height: 100%;
			border-radius:.5rem;
		}

		#jumptime::-webkit-input-placeholder,
		#fristtime::-webkit-input-placeholder {
				color: #ddd;
				opacity: .5;
				border: 0;
		}

		#jumptime::-moz-placeholder {
				color: #ddd;
		}

		#jumptime:-ms-input-placeholder {
				color: #ddd;
		}

		#jumptime,
		#fristtime {
				width: 50px;
				border: 0;
				background-color: #414141;
				font-size: 12px;
				padding: 3px 3px 3px 3px;
				margin: 2px;
				border-radius: 12px;
				color: #fff;
				position: absolute;
				left: 5px;
				top: 3px;
				display: none;
				text-align: center;
		}

		#link {
				display: inline-block;
				width: 100px;
				height: 35px;
				line-height: 35px;
				text-align: center;
				font-size: 14px;
				border-radius: 22px;
				margin: 0px 10px;
				color: #fff;
				overflow: hidden;
				box-shadow: 0px 2px 3px rgba(0, 0, 0, .3);
				background: rgb(0, 161, 214);
				position: absolute;
				z-index: 9999;
				top: 20px;
				right: 35px;
		}

		#close c {
				float: left;
				display: none;
		}

		.dmlink,
		.playlink,
		.palycon {
				float: left;
				width: 400px;
		}

		#link3-error {
				display: none;
		}
</style>
<script src="js/flv.min.js"></script>
<script src="js/yzmplayer.js"></script>
<script src="js/setting.js"></script>
<script src="js/layer.js"></script>
<script src="js/webtorrent.min.js"></script>
<div id="player"></div>
<div id="ADplayer"></div>
<div id="ADtip"></div>
<script>
	var up = {
			"diyid": [0, "1", 1] //自定义弹幕id
	}
	var config = {
			"api": 'dmku/', //弹幕接口
			"av": "", //B站弹幕id
			"url": "<?php echo $_GET['url'] ?>", //视频链接
			"id": "<?php echo $_GET['url'] ?>", //视频id
			"sid": "", //集数id
			"pic": "", //视频封面
			"title": "", //视频标题
			"next": "", //下一集链接
			"user": '', //用户名
			"group": "", //用户组
	}
	YZM.start()
</script>